import React, { Component } from 'react'
import { inject, observer } from 'mobx-react';
import { Link } from 'react-router';

@inject('appStore', 'languageStore')
@observer
class ModuleName extends Component {
	constructor(props) {
    super(props);
    this.state = {

    }
  }

  componentDidMount(){

  }

  fun = () => {

  }

  render() {
    const { imgBaseUrl, commonData } = this.props.appStore;
    const rowData = {
      a: '1',
      b: 'image/1.jpg',
      f: 'image/2.jpg',
      c: '恩而过热狗热个人各去发热区分去供热我',
      d: '2016-09-09',
      e: '1312'
    }
    const rowID = '123456';
    return (
    	<div style={{background:'#fff'}}>

        <div key={rowID} className="activity-item">
          <Link to={`/activity/${rowData.a}`}>
            <img src={`${imgBaseUrl}${rowData.b}`} alt=""/>
            <div className="row-text">
              <div className="t">{rowData.c}</div>
              <div className="b">
                {rowData.d}
                <span className="fr">阅读量{rowData.e}</span>
              </div>
            </div>
          </Link>
        </div>

        <div key={rowID + 1} className="img-item">
          <Link to={`/activity/${rowData.a}`}>
            <div className="i">
              <img src={`${imgBaseUrl}${rowData.f}`} alt=""/>
              <p>2人录取 录取率100%</p>
            </div>

            <div className="row-text">
              <div className="t">{rowData.c}</div>
              <div className="b">
                {rowData.d}
                <span className="fr">阅读量{rowData.e}</span>
              </div>
            </div>
          </Link>
        </div>
    	</div>
    )
  }
}

module.exports = ModuleName
